﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="MyPage.aspx.cs" Inherits="MyPage" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<script type="text/javascript">
    function ForStatus() {
        var MyDate = new Date();
        var Y = MyDate.getFullYear();
        var M = MyDate.getMonth() + 1;
        var D = MyDate.getDate();
        var yb = "日一二三四五六".charAt(MyDate.getDay());
        window.status = Y + "年" + M + "月" + D + "日(星期" + yb + ")";
        var txt = document.getElementById("txt");
        //txt.value = Y + "年" + M + "月" + D + "日(星期" + yb + ")";
        document.getElementById("txt").value = Y + "年" + M + "月" + D + "日(星期" + yb + ")";
    }

    function EXIT() {
        var QUIT = confirm("是否要登出?")
        if (QUIT) {
            alert("要記得再來喔!")
            window.close();
        }
        else {
            alert("歡迎再回來!")
        }
    }
</script>

    <title></title>
</head>
<body  onload="ForStatus()">
    <form id="form1" runat="server">
    <div >
        <%--<input type="text" id="txt" />--%>
        <asp:TextBox ID="txt" runat="server" Width="500px" CssClass="border-top:0px"></asp:TextBox>
        <table style="border-style: double inset inset inset;height:800px; width: 1200px; align:center; table-layout: auto; border-collapse: collapse; border-spacing: inherit; empty-cells: show; caption-side: top;">
        <tr style="border-style: groove; height:10px; border-top-width: medium;"><td  colspan="3" align="left" style="border-style: groove; border-width:inherit">
            <asp:Label ID="lbl_UserName" runat="server" Text=""></asp:Label><asp:Button ID="BTN_QUIT" runat="server" Text="登出"  OnClientClick="EXIT()" BackColor="Red" ForeColor="Navy" /></td></tr>
            <tr style="border-style: groove; height:50px; border-top-width: medium;">
            <td width="300px" align="center" 
                style="border-style: groove; border-width:inherit">圖片1(幻燈片)</td><td width="300px" align="center" style="border-style: groove; border-width:inherit">圖片2(幻燈片)</td><td width="300px" align="center" style="border-style: groove; border-width:inherit">圖片3(幻燈片)</td></tr>
        <tr style="border-style: groove; height:50px; border-top-width: medium;"><td  colspan="3"  align="center" style="border-style: groove; border-width:inherit">影片播放區(flash)</td></tr>
        <tr style="border-style: groove; height:5px; border-top-width: medium;"><td colspan="3" align="center" style="border-style: groove; border-width:inherit">版權宣告與系統動態公告</td></tr>
        </table>
    </div>
    </form>
</body>
</html>
